<template>
    <div class="cham-user-discuss-input">

        <div style="width:100px;height:100px;float:left;">
            <img :src="userHeadImgBase64" height="60" width="60" style="border-radius:30px;margin-left:20px;margin-top:10px;"/>
        </div>

        <div style="width:530px;min-height:100px;float:left;">
            <div style="color:#000000;height:100%;line-height:20px;height:20px;margin-top:10px;margin-bottom:5px;">
                {{nickName}}
            </div>
            <div style="color:#000000;height:100%;">
                {{content}}
            </div>
            <div style="height:100%;height:26px;color:#99a2aa;line-height: 26px;font-size: 12px;">
                # {{pinglunIndex}}楼  ， {{pinglunCreateTime}}
            </div>
            <div class="el-divider el-divider--horizontal" style="margin: 10px 0 0 0 !important;"><!----></div>
        </div>




    </div>
</template>

<script>
    export default {
        name: "chamUserDiscuss",
        props:{
          pinglunInfo:{
              type:Object
          }
        },
        watch:{
            'pinglunInfo'(newPinglunInfo){
                this.userHeadImgBase64 = newPinglunInfo.imgBase64;
                this.nickName = newPinglunInfo.nickName;
                this.content = newPinglunInfo.content;
                this.pinglunIndex = newPinglunInfo.pinglunIndex;
                this.pinglunCreateTime = newPinglunInfo.pinglunCreateTime.substring(0,10) + " " + newPinglunInfo.pinglunCreateTime.substring(11,19);
            }
        },
        data(){
            return{
                userHeadImgBase64:'',
                nickName:'',
                content:'',
                pinglunIndex:0,
                pinglunCreateTime:''
            }
        },
        methods:{
        },
        created(){

        }

    }
</script>

<style scoped>
    .chaos-user-discuss-input{
        min-height:100px;
        width:100%;
        margin:0 0 10px 0;
        float:left;
    }

</style>
